<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html class="no-js">
<head>
<title>订餐评论</title>
<%@ include file="../../mobilehead_inc.jsp"%>
<script>
	//返回上一页	
	function back() {
		history.back()
	}
	
	function aa(a, b, c) {
        document.myform.img.value = a;
        document.getElementById("touxiang").getElementsByTagName("img")[a - 1].className = "on";
        document.getElementById("touxiang").getElementsByTagName("img")[b - 1].className = "off";
        document.getElementById("touxiang").getElementsByTagName("img")[c - 1].className = "off";
    }
    function Check(x) {
        for (i = 1; i <= 1; i++) document.all.img.value = x
    }
</script>
<style>
.on{margin:5px;border:1px solid #F60;filter:alpha(Opacity=100)}
.off{margin:5px;border:1px solid #CCC;filter:alpha(Opacity=20)}
.am-direction-nav {
	display: none;
}
#mydiv{
	border: 1px solid white;
	text-align: center;
	padding: 2px
}
#myform{
	margin-left: 5px;
	margin-right: 5px;
}
>
</style>
</head>
<body style="background: #fff;">
	<!-- 上部 -->
	<header data-am-widget="header"
		class="am-header am-header-default joan-head2 ">
		<div class="am-header-left am-header-nav">
			<a href="#" onclick="back();" target="_self" class=""> <i
				class="am-icon-mail-reply"></i>
			</a>
		</div>

		<h1 class="am-header-title">
			<a href="#title-link" class=""> 发表评论 </a>
		</h1>

		<div class="am-header-right am-header-nav">
			<a href="${ctx }/" target="_self" class=""> <i
				class="am-header-icon am-icon-home"></i>
			</a>
		</div>
	</header>

	<br/>

	<!-- 中间 -->
	     <div class="am-g">
  <div class=" col-md-8 col-sm-centered">
  <div id="alertmsg"></div>
  
    <form class="am-form" id="myform" method="POST" name="myform" action="${ctx}/mobile/saveComm" target="_self">
    <input name="commodityId" type="hidden" value="${commodityId}" /> 
    <input name="orderId" type="hidden" value="${Oid}" /> 
    <input name="status" type="hidden" value="9" />
    
    <span style="color: gray">本次交易心情？</span>
    <div id="touxiang" align="center">
		<a href="#"><img border="0" width="40px" height="40px" src="/mobile/images/emoji/705.png"  name=1 onclick="aa(1,2,3,4);Check(this.name,'')" class="off"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#"><img border="0" width="40px" height="40px" src="/mobile/images/emoji/717.png"  name=2 onclick="aa(2,1,3,4);Check(this.name,'')" class="off"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#"><img border="0" width="40px" height="40px" src="/mobile/images/emoji/733.png"  name=3 onclick="aa(3,1,2,4);Check(this.name,'')" class="off"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
	</div>
    	<input type="hidden" name=img value="1">
    <br/>
    <span style="color: gray">说些什么吧？</span>
      <fieldset class="am-form-set">
      	<textarea class="" rows="3" maxlength="100" name="remark" id="remark"></textarea><br/>
      </fieldset>
	 <input type="submit" id="sub_butt" name="sub_butt" data-ajax="false"  class="am-btn am-btn-success am-btn-block"/>
    </form>
  </div>
</div>


	<!--底部 -->
	${bottom}


</body>
</html>
